/**
 * Created by wxnacy on 2015/8/12.
 */
$(function() {
    //初始化
    onLoadNav();
    moveLoadNav();
    //移除
    removeTag($('.fa-close'));
});
//调整导航栏
function moveLoadNav(){
    var $navDiv = $('.nav-div');
    var $left = $('div:first',$navDiv);
    var $right = $('div:last',$navDiv);
    var w = 100;
    var $ul = $('ul',$navDiv);//$(this).siblings('ul');
    $('li',$ul).css({"left":"1px"});
    $right.click(function(){
        if(($('li',$ul).length)*w-$navDiv.width()>0){
            var $li = $('li',$ul);
            $li.stop().animate({"left":"-="+w+"px"});
            //var move = ($('li',$ul).length-3)*w-$navDiv.width()+parseInt($('li',$ul).css("left"));//向左位移距离是否超出范围
            //if(move<0){
            //    move = parseInt((move+"").substring(1));
            //    $li.animate({"left":"+="+move+"px"});
            //}
        }
    });
    $left.click(function(){
        var width = $('li a',$ul).css("width");
        var $li = $('li',$ul);
        $li.stop().animate({"left":"+="+w+"px"});
        if(parseInt($('li',$ul).css("left"))+50 > 0){
            $li.animate({"left":"0px"});
        }
    });
}

function moveNav(){
    var $navDiv = $('.nav-div');
    var w = 100;
    var $ul = $('ul',$navDiv);//$(this).siblings('ul');
    var $li = $('li',$ul);
    console.log(($('li',$ul).length-1)*w-$navDiv.width())
    if(($('li',$ul).length)*w-$navDiv.width()>0){
        var move = ($('li',$ul).length)*w-$navDiv.width()+parseInt($('li',$ul).css("left"))+150;//向左位移距离是否超出范围
        console.log(($('li',$ul).length-2)*w,$navDiv.width(),$('li',$ul).css("left"),parseInt($('li',$ul).css("left")));
        if(move>0){
            $li.animate({"left":"-="+move+"px"});
        }
    }
}


//初始化导航条点击功能
function onLoadNavNew(){
    $('.nav-a').click(function(e){
        e.preventDefault();
        //准备需要的文本内容
        var text = $(this).find('span').text();
        var url = $(this).attr('href');
        var id = $(this).attr('id');

        clickNev(id,url,text)
    })
}

function clickNev(id,url,text){
    console.log(text);
    //清除其他tag css
    $('.nav-tabs').find('li').removeClass('active');
    $('.tab-content').find('div').removeClass('active in');

    //url = url + '?aid=a_'+id;

    if($('#a_'+id).length>0){
        //console.log($('#a_'+rand));
        $('#a_'+id).parent().addClass('active');
        $('#div_'+id).addClass('active in');
    }else{
        //准备添加组件
        var $newLi = $('.nav-tabs').find('li:last').clone();
        $newLi.addClass('active');
        $newLi.find('a').attr('id','a_'+id);
        $newLi.find('a').attr('href','#div_'+id);
        $newLi.find('a').find('span').text(text);
        removeTag($newLi.find('.fa-close'));

        $('.nav-tabs').append($newLi);

        var $newDiv = $('.tab-content').find('div.tab-pane:last').clone();
        $newDiv.addClass('active in');
        $newDiv.attr('id','div_'+id);
        $newDiv.find('iframe').attr('src',url);
        $newDiv.find('iframe').data('id','a_'+id);

        $('.tab-content').append($newDiv)
    }

    moveNav();

}


//初始化导航条点击功能
function onLoadNav(){
    //$('#home4').load('/pages/album/list.html');
    $('a.nav-a').click(function(e){
        //清除其他tag效果
        e.preventDefault();

        //获取数据
        var name = $(this).find('span:first').html();
        var href = $(this).attr('href');
        var rand = $(this).attr('id');

        clickNev(rand,href,name);

    });
}

//移除tag
function removeTag($remove){
    $remove.click(function(e){
        //e.preventDefault();
        clickRemove($(this));
    });
}


function clickRemove($this){

    //var $this = $(this);
    console.log($this);
    var $siblings = $this.parent().parent().siblings();
    if($siblings.length ==1){
        var msg = '最后一个不能删除';
        var type = 'error';
        var $layout = 'topRight';
        notyRestart(msg,type,$layout);
        return;
    }

    //获取需要删除的元素
    var href = $this.parent().attr('href');
    href = href.substring(1);
    var removeTag = $this.parent().parent();
    var removeTagDiv = $('#'+href);

    //获取需要激活窗口的数据
    var flag = removeTag.hasClass('active');
    var needClassTag;// =$('ul.nav-tabs').find('li').eq(1);
    var needClassDiv;// = $('.tab-content').find('div.tab-pane').eq(1);

    var $next = $this.parent().parent().next();
    var $lis = $('ul.nav-tabs').find('li');
    if($next.length == 0){
        needClassTag =$lis.eq($lis.length-2);
    }else{
        needClassTag = $next;
    }
    needClassDiv = $(needClassTag.find('a').attr('href'));

    //删除元素
    removeTag.remove();
    removeTagDiv.remove();

    //删除后选择激活窗口
    if(flag){
        needClassTag.addClass('active');
        needClassDiv.addClass('active in');
    }
}


function findRemoveByIframe(i){
    var $iframes = $('iframe');
    var id = $iframes.eq(i).data('id');
    var $removeTag = $('#'+id).find('i.fa-close');
    console.log($removeTag);
    clickRemove($removeTag);
}

